define(['jquery','cm'], function () {
    class Index {
        constructor() {
            this.init()
        }
        init() {
            this.change()
            this.top()
            this.jump()
            this.jude()
        }
        change() {
            $('#computer .top li').on('click', function () {
                let index = $(this).index()
                console.log(index)
                $('#computer .middle .bottom>div').eq(index).addClass('share').siblings().removeClass('share')
                $('#computer .top li').eq(index).addClass('hot').siblings().removeClass('hot')
            })
            $('#banner .listLeft div').on('mouseover', function () {
                let index = $(this).index()
                $('#banner .listRight>div').eq(index).addClass('active').siblings().removeClass('active')
            })
            $('#banner .listLeft div').on('mouseout', function () {
                let index = $(this).index()
                $('#banner .listRight>div').eq(index).removeClass('active')
            })
        }
        top() {
            $(document).scroll(() => {
                let scrTop = $(document).scrollTop()
                if (scrTop > 500) {
                    $('#listRight').addClass('active')
                    $('#floor').addClass('actived')
                    // this.jump()
                }

                else {
                    $('#listRight').removeClass('active')
                    $('#floor').removeClass('actived')
                }
            })
        }
        jump() {
            $('#floor li').click(function () {

                let index = $(this).index()
                console.log(index);
                $('html').animate({
                    scrollTop: $('body>div').eq(index).offset().top
                }, 500)
            })
        }
        jude(){
            console.log($('.login'))
            if(getCookie('用户')){
                let cookie=getCookie('用户')
                $('.login').html(`<a href="html/member.html">${cookie}<img src="imgaes/index/钻石.png" alt=""></a>`)
            }
        }

    }
    new Index()
})